<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <title>
        首页
    </title>
    <!--<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700" media="all" rel="stylesheet" type="text/css" />-->
<link href="/diuba/Public/assets_h/stylesheets/bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/font-awesome.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/se7en-font.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/isotope.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/jquery.fancybox.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/fullcalendar.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/wizard.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/select2.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/morris.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/datatables.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/datepicker.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/timepicker.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/colorpicker.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/bootstrap-switch.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/daterange-picker.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/typeahead.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/summernote.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/pygments.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/style.css" media="all" rel="stylesheet" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/color/green.css" media="all" rel="alternate stylesheet" title="green-theme" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/color/orange.css" media="all" rel="alternate stylesheet" title="orange-theme" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/color/magenta.css" media="all" rel="alternate stylesheet" title="magenta-theme" type="text/css" />
<link href="/diuba/Public/assets_h/stylesheets/color/gray.css" media="all" rel="alternate stylesheet" title="gray-theme" type="text/css" />
<script src="/diuba/Public/assets_h/javascripts/jquery.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery-ui.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/bootstrap.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/raphael.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/selectivizr-min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.mousewheel.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.vmap.world.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.bootstrap.wizard.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/fullcalendar.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/gcal.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/datatable-editable.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.easy-pie-chart.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/excanvas.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.isotope.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/isotope_extras.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/modernizr.custom.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/select2.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/styleswitcher.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/wysiwyg.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/summernote.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.inputmask.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.validate.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/bootstrap-fileupload.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/bootstrap-timepicker.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/bootstrap-colorpicker.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/bootstrap-switch.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/typeahead.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/daterange-picker.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/date.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/morris.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/skycons.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/fitvids.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/jquery.sparkline.min.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/main.js" type="text/javascript"></script>
<script src="/diuba/Public/assets_h/javascripts/respond.js" type="text/javascript"></script>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
</head>
<body>
<div class="modal-shiftfix">
    <!-- Navigation -->
    <div class="navbar navbar-fixed-top scroll-hide">
        <div class="container-fluid top-bar">
            <div class="pull-right">
                <ul class="nav navbar-nav pull-right">
                    <li class="dropdown notifications hidden-xs">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 登录</a>

                    <li class="dropdown notifications hidden-xs"><a data-toggle="dropdown" class="dropdown" href="#">
                       注册</a>

                    </li>
                </ul>
            </div>
            <button class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="logo" href="index-2.html">se7en</a>
            <form class="navbar-form form-inline col-lg-4 hidden-xs">
                <input class="form-control" placeholder="Search" type="text">
            </form>
        </div>
        <div class="container-fluid main-nav clearfix" style="">
            <div class="nav-collapse">

                <ul class="nav">
                    <div class="col-md-4">
                        </div>
                    <li>
                        <a class="current" href="index-2.html"><span aria-hidden="true" class="se7en-home"></span>首页</a>
                    </li>
                    <li><a href="social.html">
                        <span aria-hidden="true" class="se7en-feed"></span>失物信息</a>
                    </li>
                    <li class="dropdown"><a data-toggle="dropdown" href="#">
                        <span aria-hidden="true" class="se7en-star"></span>招领信息<b class="caret"></b></a>

                    </li>
                    <li class="dropdown"><a data-toggle="dropdown" href="#">
                        <span aria-hidden="true" class="se7en-forms"></span>关于我们<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="form-components.html">
                                <span class="notifications label label-warning">关于我们</span>
                                <p>
                                    Form Components
                                </p></a>

                            </li>
                            <li>
                                <a href="form-advanced.html">Advanced Forms</a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown"><a data-toggle="dropdown" href="#">
                        <span aria-hidden="true" class="se7en-tables"></span>论坛<b class="caret"></b></a>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <!-- End Navigation -->
    <div class="container-fluid main-content">
        <!-- Statistics -->
        <div class="carousel slide" id="carousel-example-generic">
            <ol class="carousel-indicators">
                <li class="active" data-slide-to="0" data-target="#carousel-example-generic"></li>
                <li data-slide-to="1" data-target="#carousel-example-generic"></li>
                <li data-slide-to="2" data-target="#carousel-example-generic"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <img src="/diuba/Public/assets_h/images/p1.png">
                </div>
                <div class="item">
                    <img src="/diuba/Public/assets_h/images/p2.png">
                </div>
                <div class="item">
                    <img src="/diuba/Public/assets_h/images/p3.png">
                </div>
            </div>
            <a class="left carousel-control" data-slide="prev" href="#carousel-example-generic"><span class="icon-angle-left"></span></a><a class="right carousel-control" data-slide="next" href="#carousel-example-generic"><span class="icon-angle-right"></span></a>
        </div>
        <div class="row">
            <div class="col-lg-12" style="height: 200px">
                <div class="widget-container stats-container">
                    <div class="col-md-8" >
                        <div class="number">
                            <div class="icon globe"></div>
                            86<small>%</small>
                        </div>
                        <div class="text">
                            Overall growth
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="number">
                            <div class="icon visitors"></div>
                            613
                        </div>
                        <div class="text">
                            Unique visitors
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Statistics -->
        <div class="row">
            <!-- Weather -->
            <div class="col-md-8" >
                <div class="widget-container weather">
                    <div class="widget-content padded">
                        <div class="row text-center">
                            <div class="col-sm-6 col-md-6 col-lg-4 today">
                                <p>
                                    TODAY
                                </p>
                                <canvas class="skycons-element" data-skycons="RAIN" height="100" id="rain" width="100"></canvas>
                                <div class="number">
                                    72<small>&deg;</small>
                                </div>
                                <p class="location">
                                    Washington, D.C.
                                </p>
                            </div>
                            <div class="col-sm-2 hidden-xs">
                                <p>
                                    MON
                                </p>
                                <canvas class="skycons-element" data-skycons="CLEAR_DAY" height="60" id="clear-day" width="60"></canvas>
                                <div class="number">
                                    86<small>&deg;</small>
                                </div>
                            </div>
                            <div class="col-sm-2 hidden-xs">
                                <p>
                                    TUE
                                </p>
                                <canvas class="skycons-element" data-skycons="RAIN" height="60" id="cloudy" width="60"></canvas>
                                <div class="number">
                                    75<small>&deg;</small>
                                </div>
                            </div>
                            <div class="col-sm-2 hidden-xs">
                                <p>
                                    WED
                                </p>
                                <canvas class="skycons-element" data-skycons="PARTLY_CLOUDY_DAY" height="60" id="partly-cloudy-day" width="60"></canvas>
                                <div class="number">
                                    82<small>&deg;</small>
                                </div>
                            </div>
                            <div class="col-sm-2 hidden-md hidden-sm hidden-xs">
                                <p>
                                    THU
                                </p>
                                <canvas class="skycons-element" data-skycons="SLEET" height="60" id="sleet" width="60"></canvas>
                                <div class="number">
                                    64<small>&deg;</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end Weather --><!-- Bar Graph -->
            <div class="col-md-4">
                <div class="widget-container small">
                    <div class="heading">
                        <i class="icon-signal"></i>New sign ups<i class="icon-list pull-right"></i><i class="icon-refresh pull-right"></i>
                    </div>
                    <div class="widget-content padded">
                        <div class="bar-chart-widget">
                            <div class="chart-graph">


                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Bar Graph -->
        </div>
        <div class="row">
            <!-- Area Charts:Morris -->
            <div class="col-md-6">
                <div class="widget-container fluid-height">
                    <div class="heading">
                        <i class="icon-bar-chart"></i>显示信息
                    </div>
                    <div class="widget-content padded text-center">
                        <div class="graph-container">

                        </div>
                    </div>
                </div>
            </div>
            <!-- Area Charts:Morris --><!-- Chat -->
            <div class="col-md-6">
                <div class="widget-container scrollable chat" style="height: 427px;">
                    <div class="heading">
                        <i class="icon-comments"></i>留言<i class="icon-smile pull-right"></i>
                    </div>
                    <div class="widget-content padded">
                        <ul>
                            <li>
                                <img width="30" height="30" src="images/avatar-male.jpg" />
                                <div class="bubble">
                                    <a class="user-name" href="#">John Smith</a>
                                    <p class="message">
                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
                                    </p>
                                    <p class="time">
                                        <strong>Today </strong>3:53 pm
                                    </p>
                                </div>
                            </li>
                            <li class="current-user">
                                <img width="30" height="30" src="images/avatar-female.jpg" />
                                <div class="bubble">
                                    <a class="user-name" href="#">Jane Smith</a>
                                    <p class="message">
                                        Donec odio. Quisque volutpat mattis eros.
                                    </p>
                                    <p class="time">
                                        <strong>Today </strong>3:53 pm
                                    </p>
                                </div>
                            </li>
                            <li>
                                <img width="30" height="30" src="images/avatar-male.jpg" />
                                <div class="bubble">
                                    <a class="user-name" href="#">John Smith</a>
                                    <p class="message">
                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.
                                    </p>
                                    <p class="time">
                                        <strong>Today </strong>3:53 pm
                                    </p>
                                </div>
                            </li>
                            <li>
                                <img width="30" height="30" src="images/avatar-male.jpg" />
                                <div class="bubble">
                                    <a class="user-name" href="#">John Smith</a>
                                    <p class="message">
                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros.
                                    </p>
                                    <p class="time">
                                        <strong>Today </strong>3:53 pm
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="post-message">
                        <input class="form-control" placeholder="Write your message here..." type="text"><input type="submit" value="Send">
                    </div>
                </div>
            </div>
            <!-- End Chat -->
        </div>
        <div class="row">
            <!-- Pie Graph 1 -->
            <div class="col-lg-5">
                <div class="widget-container fluid-height">
                    <div class="heading">
                        <i class="icon-bar-chart"></i>Donut Charts
                    </div>
                    <div class="widget-content clearfix">
                        <div class="col-sm-6">
                            <div class="pie-chart1 pie-chart pie-number" data-percent="87">
                                87%
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="pie-chart2 pie-chart pie-number" data-percent="26">
                                26%
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7">
                <div class="widget-container fluid-height">
                    <!-- Table -->
                    <table class="table table-filters">
                        <tbody>
                        <tr>
                            <td class="filter-category blue">
                                <div class="arrow-left"></div>
                                <i class="icon-stethoscope"></i>
                            </td>
                            <td>
                                National Distribution Co.
                            </td>
                            <td>
                                $9204
                            </td>
                            <td class="hidden-xs">
                                <div class="sparkslim">
                                    50,55,60,40,30,35,30,20,25,30,40,20,15
                                </div>
                            </td>
                            <td>
                                <div class="danger">
                                    -4%
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="filter-category green">
                                <div class="arrow-left"></div>
                                <i class="icon-coffee"></i>
                            </td>
                            <td>
                                Star Organization Co.
                            </td>
                            <td>
                                $23,890
                            </td>
                            <td class="hidden-xs">
                                <div class="sparkslim">
                                    5,10,15,50,80,50,40,30,50,60,70,75,75
                                </div>
                            </td>
                            <td>
                                <div class="success">
                                    +12%
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="filter-category orange">
                                <div class="arrow-left"></div>
                                <i class="icon-gamepad"></i>
                            </td>
                            <td>
                                Companysoft, LLC
                            </td>
                            <td>
                                $10,995
                            </td>
                            <td class="hidden-xs">
                                <div class="sparkslim">
                                    100,100,80,70,40,20,20,40,50,60,70
                                </div>
                            </td>
                            <td>
                                <div class="success">
                                    +5%
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="filter-category red">
                                <div class="arrow-left"></div>
                                <i class="icon-gift"></i>
                            </td>
                            <td>
                                Craft Co.
                            </td>
                            <td>
                                $6,790
                            </td>
                            <td class="hidden-xs">
                                <div class="sparkslim">
                                    5,10,15,20,30,40,80,100,120,120,140
                                </div>
                            </td>
                            <td>
                                <div class="success">
                                    +26%
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="filter-category blue">
                                <div class="arrow-left"></div>
                                <i class="icon-stethoscope"></i>
                            </td>
                            <td>
                                National Distribution Co.
                            </td>
                            <td>
                                $9204
                            </td>
                            <td class="hidden-xs">
                                <div class="sparkslim">
                                    50,55,60,40,30,35,30,20,25,30,40,20,15
                                </div>
                            </td>
                            <td>
                                <div class="danger">
                                    -4%
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="filter-category magenta">
                                <div class="arrow-left"></div>
                                <i class="icon-trophy"></i>
                            </td>
                            <td>
                                Fastnation Co.
                            </td>
                            <td>
                                $22,156
                            </td>
                            <td class="hidden-xs">
                                <div class="sparkslim">
                                    20,40,50,60,70,80,90,95,100,80,70,60
                                </div>
                            </td>
                            <td>
                                <div class="danger">
                                    -4%
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!-- End Pie Graph 1 -->
        </div>
    </div>
</div>
</body>

</html>